//中文
var data_zh = ['你知道吗', '六月', '一日', '星期一', '是', '儿童节'];
//英语
var data_en = ['do you know', 'June', 'One day', 'Monday', 'Yes', 'Children\'s day'];


//左侧的文本框
var text_if = document.querySelector("#text_if");

//右侧的文本框
var text_that = document.querySelector("#text_that");

//左侧的2个按钮
var btn_if = document.querySelectorAll("#btn_if button");

//右侧的2个按钮
var btn_that = document.querySelectorAll("#btn_that button");

//默认是中文
var lang = 'zh';

//点击切换源语言的按钮
function swap() {
    //切换语言
    if (lang === 'zh'){
        lang = 'en';
    }else {
        lang = 'zh'
    }

    for (var i = 0; i < btn_if.length;i++){
        btn_if[i].classList.remove("btn-primary");
        btn_if[i].classList.remove("btn-light");
        btn_that[i].classList.remove("btn-primary");
        btn_that[i].classList.remove("btn-light");
    }

    switch (lang){
        case 'en':
            btn_if[0].classList.add("btn-light");
            btn_if[1].classList.add("btn-primary");
            btn_that[0].classList.add("btn-light");
            btn_that[1].classList.add("btn-primary");
            break;
        case 'zh':
            btn_if[0].classList.add("btn-primary");
            btn_if[1].classList.add("btn-light");
            btn_that[0].classList.add("btn-primary");
            btn_that[1].classList.add("btn-light");
            break;
    }
}
function res() {
    //检测中文，如果中文数据库里有这条数据，就把内容翻译
    for(var i in data_zh){
        if (text_if.value === data_zh[i]){
            //console.log("说明中文的数据库里有这条数据，我可以翻译这个中文")
            //对应的英文
            //console.log("对应的中文是："+ data_en[i])
            //把对应的英文赋给右侧
            text_that.value = data_en[i];

            //console.log("这条数据是中文数据库的");

            //如果语言是 en 那么就执行一次 swap() 函数
            if (lang === 'en'){
                //console.log("需要执行swap函数");
                swap();
            }
        }
    }
    for (var i in data_en){
        if (text_if.value === data_en[i]){
            text_that.value = data_zh[i];

            //console.log("这条数据是英语数据库的");

            //如果语言是 zh 那么就执行一次 swap() 函数
            if (lang === 'zh'){
                //console.log("需要执行swap函数")
                swap();
            }
        }
    }
}


